<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<%
	String path = request.getContextPath();
	String fbh = request.getParameter("fbh");
	
%>
<title>模板设置</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/css/btn_class.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/ext-3.2.0/resources/css/ext-all.css" />

		<script type="text/javascript" src="<%=path%>/ext-3.2.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="<%=path%>/ext-3.2.0/ext-all.js"></script>
<script type="text/javascript" src="<%=path%>/ext-3.2.0/examples/ux/Portal.js"></script>
<script type="text/javascript" src="<%=path%>/ext-3.2.0/examples/ux/PortalColumn.js"></script>
<script type="text/javascript" src="<%=path%>/ext-3.2.0/examples/ux/Portlet.js"></script>

<script language="JavaScript" src="../../flash/FusionCharts.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

	<style type="text/css">
	
    </style>

<body bgcolor='#FFFFFF'>

	<script type="text/javascript">
	
    Ext.BLANK_IMAGE_URL = "<%=path%>/ext-3.2.0/resources/images/default/s.gif";
	
	
	Ext.onReady(function(){

	    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

	    var tools = [{
	        id:'gear',
	        
	        handler: function(){
	            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
	        }
	    },{
	        id:'save',
	        handler: function(){
	            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
	        }
	    }
	    /**
	    ,{
	        id:'close',
	        handler: function(e, target, panel){
	            panel.ownerCt.remove(panel, true);
	        }
	    } **/
	    ];

	    var viewport = new Ext.Viewport({
	        layout:'border',
	        items:[{
	            xtype:'portal',
	            region:'center',
	            margins:'0 5 5 0',
	            items:[{
	                columnWidth:.5,
	                style:'padding:2px 0 2px 2px',
	                items:[{
	                    title: 'Grid in a Portlet',
	                    layout:'fit',
	                    tools: tools,
	                    //split : false,
	                    autoScroll : true,
	        			collapsible : true,
	                    items : [{
	                    	height : 300,
							html : '<div id ="chart_div1" align="center" style="border:none;vertical-align:middle;over-flow: hidden ;padding-top: 24px;"> </div>'
						}]
	                },{
	                    title: 'Another Panel 1',
	                    tools: tools,
	                    html: 'Ext.example.shortBogusMarkup'
	                }]
	            },{
	                columnWidth:.3,
	                style:'padding:2px 0 2px 2px',
	                items : [{
						title: ' 柱状图',
						height : 400,
						html : '<div id ="chart_div" align="center" style="border:none;vertical-align:middle;over-flow: hidden ;padding-top: 24px;"> </div>'
					}]
	            },{
	                columnWidth:.2,
	                style:'padding:2px',
	                items:[{
	                    title: 'Panel 3',
	                    tools: tools,
	                    html: 'Ext.example.shortBogusMarkup'
	                },{
	                    title: 'Another Panel 3',
	                    tools: tools,
	                    html: 'Ext.example.shortBogusMarkup'
	                }]
	            }]
	            
	            
//	            ,listeners: {
//	                'drop': function(e){
//	                    Ext.Msg.alert('Portlet Dropped', e.panel.title + '<br />Column: ' + 
//	                        e.columnIndex + '<br />Position: ' + e.position);
//	                }
//	            }
	        }]
	    });
	});


	</script>
	
	
</body>
</html>